import React from 'react'
import { IndexLink, Link } from 'react-router'
import CSSModules from 'react-css-modules'
import { injectIntl } from 'react-intl'
import styles from './nav.css'

@injectIntl
@CSSModules(styles, { allowMultiple: true })
class Nav extends React.Component {
  static propTypes = {
    onMineClick: React.PropTypes.func
  }
  render() {
    return (
      <div styleName='nav'>
        <div styleName='topNav'>
          <div styleName='logo'>答!</div>
          <Link to='/add' styleName='ask_btn'>提问</Link>
        </div>
        <div styleName='top_menu'>
          <IndexLink to='/' styleName='top_menu_btn'>首页</IndexLink>
          <Link to='/mine' styleName='top_menu_btn'>我的提问</Link>
        </div>
      </div>
    )
  }
}

export default Nav
